﻿body {
	margin: 0;
	padding: 0;
	font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
	font-size: 1em;
	min-width: 900px;
	background-color: white;
}

#header {
	margin:0;
	padding:0;
	width: 100%;
}

#ulNav {
	display: inline-block;
	list-style: none;
	width: 80%;
	padding-top: 12px;
	padding-right: 10%;
	padding-left: 10%;
	padding-bottom: 0;
	background: #2779aa;
	color: white;
	margin: 0;
	height: 2em;
	font-size: 1.2em;
	color: white;
}
#ulNav li{
	width:auto;
	padding-top: 0.2em;
	height: 1.8em;
	float:left;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: -1px;
	text-align:center;
	bottom: 0;
	color: white;
}


#ulNav #logoutli {
	float: right;
}

#ulNav a{
	border-left:1px white solid;
	border-right:1px white solid;
	text-decoration: none;
	padding: 0 6px;
	width: 100%;
	color: inherit;
}

#ulNav a:hover {
	cursor: pointer;
}

#ulNav li:hover {
	background: #3baae3;
	color: #003399;
	padding-top: 0.1em;
	border: 1px solid #2694e8;
	
	moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	-khtml-border-top-right-radius: 6px;
	border-top-right-radius: 6px;
	
	moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	-khtml-border-top-left-radius: 6px;
	border-top-left-radius: 6px;

}

select {
	overflow: scroll;
}

#ulNav li.activo {
	background: white;
	color: #003399;
	border: 0.1em solid white;

	moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	-khtml-border-top-right-radius: 6px;
	border-top-right-radius: 6px;
	
	moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	-khtml-border-top-left-radius: 6px;
	border-top-left-radius: 6px;

}

#contenedor {
	margin: 0 15%;
	margin-bottom: 4%;
	width: 70%;
	min-width: 760px;
	max-width: 1300px;
}

#logoTitulo {
	margin: 15px;
	clear: both;
	min-height: 4em;
}

#logoTitulo img {
	margin-right: 16px;
}

#logoTitulo h1 {
	color: #003399;
	display: inline-block;
	position: absolute;
	top: 62px;
}

input, select, textarea, button {
	font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
	font-size: 1em;
	border: 1px solid #DDD;
	
	moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-khtml-border-bottom-right-radius: 6px;
	border-bottom-right-radius: 6px;
	-ms-border-bottom-right-radius: 6px;
	
	moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-khtml-border-bottom-left-radius: 6px;
	border-bottom-left-radius: 6px;
	
	moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	-khtml-border-top-right-radius: 6px;
	border-top-right-radius: 6px;
	
	moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	-khtml-border-top-left-radius: 6px;
	border-top-left-radius: 6px;
	
	width: 100%;
	color: black;
}

#caractAccTrabLabels, #caractAccTrabInputs {
	width: auto;
	display:inline-block;
	height: 100%;
}

#caractAccTrabLabels label, #clasifRiesgo, #descripRiesgo {
	width: 100%;
	display: block;
	clear: right;
}

#descripRiesgo {
	resize: vertical;
}

button {
	float: right;
	width: auto;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-right: 5%;
	padding: 10px 20px;
}

table {
	margin: 5% auto;
	width: auto;
	border-spacing: 15px 10px;
}


th {
	padding: 5px 0px;
	font-size: 1.2em;
}

hr {
	width: 40%;
	background: #CCCCCC;
	height: 1px;
}

label.prorroga {
	width: 50%;
}

.ui-spinner {
	width: 100%;
}

.obligatorio {
	color: #FF9900;
}

.resultado {
	background: #DEEDF7 url('images/ui-bg_highlight-soft_100_deedf7_1x100.png') repeat-x 50% 50%;
}

.calculado, .numero {
	background: #DEEDF7 url('images/ui-bg_highlight-soft_100_deedf7_1x100.png') repeat-x 50% 50%;
	text-align: center;
}

.fecha {
	text-align: center;
}

.ui-autocomplete {
	height: 300px;
	overflow: scroll;
	font-size: 0.9em;
}

input.error, select.error {
	border:thick #FF9900 double;
}

#fallo {
	padding: 6px;
	border:thick #FF9900 double;
	width: auto;
	font-weight: bold;
	margin:0 26px;
	text-align:center;
}

#fechaReg {
	width:auto;
	text-align: center;
}

#fechaRegDiv {
	text-align:center;
	width: auto;
	margin: 10px 30%;
}

#obligatorio {
	text-align:center;
	width: auto;
	margin: 10px 44%;
}

#ui-datepicker-div {
	font-size: 12px;
}

#observaciones {
	width: 100%;
	height: 100px;
	font-size: 0.8em;
	max-width: 31em;
}

#btnIngresar {
	width: 30%;
	margin-left: 35%;
	margin-right:35%;
	margin-top: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
}

#btnIngresar:hover, button:hover {
	background: #DEEDF7 url('images/ui-bg_highlight-soft_100_deedf7_1x100.png') repeat-x 50% 50%;
	color: #222;
	text-decoration: underline;
	cursor: pointer;
}

#btnExportar {
	margin-right: 4px;
}

#contenedor_exportar {
	text-align: center;
}

#datosExportar, #datosEditar {
	margin: 10px 20%;
	text-align: center;
}

#datosExportar input, #datosEditar input {
	margin-bottom: 24px;
}